<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初一派对</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="dist/css/swiper.min.css">
    <script src="dist/js/swiper.min.js"></script>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/index.js"></script>
    <script type="text/javascript">
        window.onresize = function () {
            wresize();
        }
        wresize();
        function wresize () {
            if ((/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent))) { //移动端
                location.href = '../m/index.html'
            }
        }
    </script>
</head>
<body>
    <div id="index_nav_bar" class="blue_bg">
        <div class="web_inner">
            <div class="float_l">
                <img src="images/jzl-yzm.jpg" alt="" class="logo">
            </div>
            <div id="all_nav" class="all_nav float_l">
                <div class="all_class">北京<img src="images/addr.png" alt=""><span class="select-city-btn">[选择城市]</span></div>
            </div>
            <div class="nav_box float_r">
                <a href="" class="link float_l active">首页</a>
                <a href="" class="link float_l">服务项目</a>
                <a href="" class="link float_l">主题套餐</a>
                <a href="" class="link float_l">新闻资讯</a>
                <a href="" class="link float_l">品牌介绍</a>
                <a href="" class="link float_l">联系我们</a>
                <a href="" class="link float_l">合作加盟</a>
            </div>
        </div>
    </div>
    <div class="select-city-box">
        <div class="close"></div>
        <div class="citys scroll-bar">
            <div class="sousuo">
                <input type="text" name="" placeholder="请输入城市名...">
                <a href="">北京</a>
                <a href="">北京</a>
                <a href="">北京</a>
            </div>
            <div class="zimu">
                <a href="#A">A</a>
                <a href="#B">B</a>
                <a href="#c">C</a>
            </div>
            <div class="clear item">
                <a class="zm"></a>
                <div class="sheng">
                    <div class="line">
                        <span class="fl">直辖市</span>
                        <div class="cs">
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear item">
                <a class="zm">A</a>
                <div class="sheng">
                    <div class="line">
                        <span class="fl">福建</span>
                        <div class="cs">
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                        </div>
                    </div>
                    <div class="line">
                        <span class="fl">福建</span>
                        <div class="cs">
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear item">
                <a class="zm">B</a>
                <div class="sheng">
                    <div class="line">
                        <span class="fl">福建</span>
                        <div class="cs">
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                        </div>
                    </div>
                    <div class="line">
                        <span class="fl">福建</span>
                        <div class="cs">
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear item">
                <a class="zm">C</a>
                <div class="sheng">
                    <div class="line">
                        <span class="fl">福建</span>
                        <div class="cs">
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                        </div>
                    </div>
                    <div class="line">
                        <span class="fl">福建</span>
                        <div class="cs">
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear item">
                <a class="zm">C</a>
                <div class="sheng">
                    <div class="line">
                        <span class="fl">福建</span>
                        <div class="cs">
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                        </div>
                    </div>
                    <div class="line">
                        <span class="fl">福建</span>
                        <div class="cs">
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear item">
                <a class="zm">C</a>
                <div class="sheng">
                    <div class="line">
                        <span class="fl">福建</span>
                        <div class="cs">
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                        </div>
                    </div>
                    <div class="line">
                        <span class="fl">福建</span>
                        <div class="cs">
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear item">
                <a class="zm">C</a>
                <div class="sheng">
                    <div class="line">
                        <span class="fl">福建</span>
                        <div class="cs">
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                        </div>
                    </div>
                    <div class="line">
                        <span class="fl">福建</span>
                        <div class="cs">
                            <a href="">北京</a>
                            <a href="">北京</a>
                            <a href="">北京</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>




    <div id="index_banner" class="swiper-container index-banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="images/index-banner.jpg" alt=""></div>
            <div class="swiper-slide"><img src="images/index-banner.jpg" alt=""></div>
            <div class="swiper-slide"><img src="images/index-banner.jpg" alt=""></div>
        </div>
        <div class="index-swiper-pagination"></div>
    </div>
    <div class="web_out wb">
        <div class="web_inner">
            <h2 class="bigtitle">品牌优势</h2>
            <div class="pinpai clear">
                <div class="item">
                    <img src="images/home1.png" alt="">
                    <p class="t">实力保障</p>
                    <p class="c">全国联盟 资历深厚</p>
                    <p class="c">项目全面 管理严格</p>
                </div>
                <div class="item">
                    <img src="images/home2.png" alt="">
                    <p class="t">创新能力</p>
                    <p class="c">主题新颖 案例齐全</p>
                    <p class="c">形式多样 资源丰富</p>
                </div>
                <div class="item">
                    <img src="images/home3.png" alt="">
                    <p class="t">专业团队</p>
                    <p class="c">设计前沿 服务广泛</p>
                    <p class="c">沟通顺畅 团队配合</p>
                </div>
                <div class="item">
                    <img src="images/home4.png" alt="">
                    <p class="t">消费透明</p>
                    <p class="c">顾客至上 服务热情</p>
                    <p class="c">价格优惠 品位高雅</p>
                </div>
            </div>
        </div>
    </div>
    <div class="web_out">
        <div class="web_inner">
            <h2 class="bigtitle">精品套餐</h2>
            <ul class="class_list">
                <li class="class_item">
                    <a href="" class="img_box">
                        <img src="images/img_eg.jpg" alt="">
                    </a>
                    <a href="" class="class_desc">机票补贴1000元  全国包邮+2晚酒DD店+送婚…</a>
                    <span class="class_price">
                        <span class="money">￥<span class="m">1988</span></span>
                        <span class="huibi">8932人购买</span>
                    </span>
                </li>
                <li class="class_item">
                    <a href="" class="img_box">
                        <img src="images/img_eg.jpg" alt="">
                    </a>
                    <a href="" class="class_desc">机票补贴1000元  全国包邮+2晚酒DD店+送婚…</a>
                    <span class="class_price">
                        <span class="money">￥<span class="m">1988</span></span>
                        <span class="huibi">8932人购买</span>
                    </span>
                </li>
                <li class="class_item">
                    <a href="" class="img_box">
                        <img src="images/img_eg.jpg" alt="">
                    </a>
                    <a href="" class="class_desc">机票补贴1000元  全国包邮+2晚酒DD店+送婚…</a>
                    <span class="class_price">
                        <span class="money">￥<span class="m">1988</span></span>
                        <span class="huibi">8932人购买</span>
                    </span>
                </li>
                <li class="class_item">
                    <a href="" class="img_box">
                        <img src="images/img_eg.jpg" alt="">
                    </a>
                    <a href="" class="class_desc">机票补贴1000元  全国包邮+2晚酒DD店+送婚…</a>
                    <span class="class_price">
                        <span class="money">￥<span class="m">1988</span></span>
                        <span class="huibi">8932人购买</span>
                    </span>
                </li>
                <li class="class_item">
                    <a href="" class="img_box">
                        <img src="images/img_eg.jpg" alt="">
                    </a>
                    <a href="" class="class_desc">机票补贴1000元  全国包邮+2晚酒DD店+送婚…</a>
                    <span class="class_price">
                        <span class="money">￥<span class="m">1988</span></span>
                        <span class="huibi">8932人购买</span>
                    </span>
                </li>
                <li class="class_item">
                    <a href="" class="img_box">
                        <img src="images/img_eg.jpg" alt="">
                    </a>
                    <a href="" class="class_desc">机票补贴1000元  全国包邮+2晚酒DD店+送婚…</a>
                    <span class="class_price">
                        <span class="money">￥<span class="m">1988</span></span>
                        <span class="huibi">8932人购买</span>
                    </span>
                </li>
            </ul>
            <a href="" class="btns">查看更多套餐</a>
        </div>
    </div>

    <div class="web_out wb">
        <div class="web_inner">
            <h2 class="bigtitle">经典案例</h2>
            <div class="anli">
                <!-- Swiper -->
                <div class="anli-swiper">
                    <div class="swiper-container gallery-top">
                        <div class="swiper-wrapper">
                          <div class="swiper-slide" style="background-image:url(images/img_eg.jpg)"></div>
                          <div class="swiper-slide" style="background-image:url(images/img_eg.jpg)"></div>
                          <div class="swiper-slide" style="background-image:url(images/img_eg.jpg)"></div>
                          <div class="swiper-slide" style="background-image:url(images/img_eg.jpg)"></div>
                          <div class="swiper-slide" style="background-image:url(images/img_eg.jpg)"></div>
                          <div class="swiper-slide" style="background-image:url(images/img_eg.jpg)"></div>
                        </div>
                        <!-- Add Arrows -->
                        <div class="swiper-button-next swiper-button-white"></div>
                        <div class="swiper-button-prev swiper-button-white"></div>
                    </div>
                    <div class="swiper-container gallery-thumbs">
                        <div class="swiper-wrapper">
                          <div class="swiper-slide" style="background-image:url(images/img_eg.jpg)"></div>
                          <div class="swiper-slide" style="background-image:url(images/img_eg.jpg)"></div>
                          <div class="swiper-slide" style="background-image:url(images/img_eg.jpg)"></div>
                          <div class="swiper-slide" style="background-image:url(images/img_eg.jpg)"></div>
                          <div class="swiper-slide" style="background-image:url(images/img_eg.jpg)"></div>
                          <div class="swiper-slide" style="background-image:url(images/img_eg.jpg)"></div>
                        </div>
                    </div>
                </div>
                <p class="stitle">童梦乐园主题</p>
                <div class="anli-thumb clear">
                    <a href="" class="item float_l">
                        <img src="images/img_eg.jpg" alt="">
                        <p class="stitle">童梦乐园主题</p>
                    </a>
                    <a href="" class="item float_l">
                        <img src="images/img_eg.jpg" alt="">
                        <p class="stitle">童梦乐园主题</p>
                    </a>
                    <a href="" class="item float_l">
                        <img src="images/img_eg.jpg" alt="">
                        <p class="stitle">童梦乐园主题</p>
                    </a>
                    <a href="" class="item float_l">
                        <img src="images/img_eg.jpg" alt="">
                        <p class="stitle">童梦乐园主题</p>
                    </a>
                </div>
                <a href="" class="btns">查看更多案例</a>
            </div>
        </div>
    </div>
    
    <div class="web_out pinzhi">
        <div class="web_inner">
            <h2 class="bigtitle">品质保证</h2>
            <div class="box clear">
                <div class="item">
                    <div class="thumb"><img src="images/pin1.png" alt=""></div>
                    <p>专业服务团队</p>
                    <p>给您最优效果</p>
                </div>
                <div class="item">
                    <div class="thumb"><img src="images/pin2.png" alt=""></div>
                    <p>全程消费透明</p>
                    <p>顾客自主下单</p>
                </div>
                <div class="item">
                    <div class="thumb"><img src="images/pin3.png" alt=""></div>
                    <p>专业策划团队</p>
                    <p>全程专人跟单</p>
                </div>
                <div class="item">
                    <div class="thumb"><img src="images/pin4.png" alt=""></div>
                    <p>场地全程督导</p>
                    <p>圆满实现梦想</p>
                </div>
                <div class="item">
                    <div class="thumb"><img src="images/pin5.png" alt=""></div>
                    <p>优选新颖主题</p>
                    <p>专业场景布置</p>
                </div>
            </div>
        </div>
    </div>

    <div class="web_out wb fuwu">
        <p class="stitle">服务流程</p>
        <div class="clear web_inner">
            <div class="item">
                <div class="icon">
                    <img src="images/fw1.png" alt="" >
                </div>
                <p>咨询选购</p>
                <img src="images/next.png" alt="" class="next">
            </div>
            <div class="item">
                <div class="icon">
                    <img src="images/fw2.png" alt="" >
                </div>
                <p>下单预定</p>
                <img src="images/next.png" alt="" class="next">
            </div>
            <div class="item">
                <div class="icon">
                    <img src="images/fw3.png" alt="" >
                </div>
                <p>付预付款</p>
                <img src="images/next.png" alt="" class="next">
            </div>
            <div class="item">
                <div class="icon">
                    <img src="images/fw4.png" alt="" >
                </div>
                <p>统筹准备</p>
                <img src="images/next.png" alt="" class="next">
            </div>
            <div class="item">
                <div class="icon">
                    <img src="images/fw5.png" alt="" >
                </div>
                <p>支付尾款</p>
                <img src="images/next.png" alt="" class="next">
            </div>
            <div class="item">
                <div class="icon">
                    <img src="images/fw6.png" alt="" >
                </div>
                <p>执行活动</p>
            </div>
        </div>
    </div>

    <div class="web_out baoming">
        <div class="web_inner">
            <img src="images/shouji.jpg" alt="" class="shouji">
            <div class="float_r form">
                <p class="t">报名立即领取礼品</p>
                <form action="">
                    <input type="text" class="input" placeholder="您的姓名">
                    <input type="text" class="input" placeholder="您的手机号">
                    <input type="text" class="input" placeholder="预约时间">
                    <input type="submit" class="btn" value="领取奖品">
                </form>
            </div>
            <div class="float_r p">
                <p class="t1"><span class="red">免费获得</span>精美礼品</p>
                <p class="c">专业策划团队</p>
            </div>
        </div>
    </div>
    <div class="web_out footer">
        <div class="web_inner">
            <div class="top">
                <div class="link float_l">
                    <a href="">关于我们</a>
                    <a href="">加入我们</a>
                    <a href="">用户协议</a>
                    <a href="">企业服务</a>
                    <a href="">帮助中心</a>
                    <a href="">联系我们</a>
                </div>
                <div class="share float_r">
                    <img src="images/bwb.png" alt="">
                    <img src="images/bwx.png" alt="">
                </div>
            </div>
            <p>公司地址：武汉市江岸区香港路117号华美国际</p>
            <p>COPYRIGHT © 2018 花童喜宴 鄂ICP备14017820号-1</p>
        </div>
    </div>
    <ul class="right-icon">
        <li class="r1">
            <img src="images/right1.png" alt="">
            <div>
                <img src="images/right1.png" alt="">
                400-000-0000
            </div>
        </li>
        <li class="r2">
            <img src="images/right2.png" alt="">
            <div>
                <img src="images/ewm.jpg" alt="">
            </div>
        </li>
        <li class="scrollTop">
            <img src="images/right3.png" alt="">
        </li>
    </ul>
    <!-- Initialize Swiper -->
    <script>
        var mySwiper = new Swiper('.index-banner',{
            pagination : {
                el: '.index-swiper-pagination',
            },
            paginationClickable :true,
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
            autoplayDisableOnInteraction : false,
            loop : true
        });
        var galleryThumbs = new Swiper('.gallery-thumbs', {
          spaceBetween: 10,
          slidesPerView: 5,
          freeMode: true,
          watchSlidesVisibility: true,
          watchSlidesProgress: true,
        });
        var galleryTop = new Swiper('.gallery-top', {
          spaceBetween: 10,
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          },
          thumbs: {
            swiper: galleryThumbs
          }
        });
    </script>
</body>
</html>